<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title>宝生和鸣</title>
  <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
  <meta content="yes" name="apple-mobile-web-app-capable">
  <meta content="black" name="apple-mobile-web-app-status-bar-style">
  <meta content="telephone=no" name="format-detection">
  <link rel="icon" href="images/favicon.ico" type="image/x-icon">
  <link rel="stylesheet" href="layui/css/layui.css">
  <link rel="stylesheet" href="css/swiper.min.css">
  <link rel="stylesheet" href="css/style.css">
  <link rel="stylesheet" href="css/animation.css">
  <link rel="stylesheet" type="text/css" media="screen and (min-width:961px)" href="./css/pc.css">
  <link rel="stylesheet" type="text/css" media="screen and (max-width:960px)" href="./css/wap.css">
  <style>
    html,
    body {
      background-color: #fff;
    }
  </style>
</head>

<body ontouchstart>
  <div class="b-doc">
    <div class="b-bd">
      <!-- header 模块 -->
      <div class="header header-bg-black">
        <div class="header-container clear">
          <img src="images/logo.png" class="logo">
          <div class="nav-btn">
            <span class="n1"></span>
            <span class="n2"></span>
            <span class="n3"></span>
          </div>
          <div class="nav clear">
            <a class="nav-item on" href="index.html">
              <span class="text">首页</span>
            </a>
            <a class="nav-item" href="news.html">
              <span class="text">新闻资讯</span>
            </a>
            <a class="nav-item" href="product.html">
              <span class="text">产品介绍</span>
            </a>
            <a class="nav-item" href="about.html">
              <span class="text">关于我们</span>
            </a>
            <a class="nav-item wap-hide" href="personCenter.html">
              <span class="text">个人中心</span>
            </a>
            <a class="nav-item personal" href="personCenterWap.html">
              <span class="text">个人中心</span>
            </a>
          </div>
        </div>
      </div>
      <div class="pop-nav" style="background: rgba(255, 255, 255, 0); position: fixed; left: 0px; right: 0px; top: 0px; bottom: 0px; z-index: 10; display: none;"></div>
      <div class="content">
        <!-- banner -->
        <div class="swiper-container banner-wrapper">
          <div class="swiper-wrapper">
            <div class="swiper-slide">
              <div class="banner-item">
                <img class="banner-img" src="./images/banner1.jpg" alt="">
              </div>
            </div>
            <div class="swiper-slide">
              <div class="banner-item">
                <img class="banner-img" src="./images/banner1.jpg" alt="">
              </div>
            </div>
            <div class="swiper-slide">
              <div class="banner-item">
                <img class="banner-img" src="./images/banner1.jpg" alt="">
              </div>
            </div>
          </div>
          <!-- 如果需要分页器 -->
          <div class="swiper-pagination"></div>
          <!-- 按钮 -->
          <div class="swiper-button-next"></div>
          <div class="swiper-button-prev"></div>
        </div>

        <!-- news -->
        <div class="home-news">
          <div class="main">
            <div class="title">
              <h2>
                <i>新闻</i>资讯</h2>
              <p class="english">NEWS INFORMATION</p>
            </div>
            <div class="more-link">
              <a class="more" href="news.html">更多&gt;</a>
            </div>
            <div class="info-wrapper clear">
              <div class="video-wrapper">
                <iframe class="video-src" src='http://player.youku.com/embed/XMTU2MDEwMTIw' frameborder="0" allowfullscreen=""></iframe>
              </div>
              <div class="more-link-wap">
                <a class="more" href="news.html">查看更多&gt;</a>
              </div>
              <div class="news-wrapper">
                <div class="item clear">
                  <a href="news2.html">
                    <img src="./images/pd1.jpg" alt="">
                    <div class="info">
                      <h3 class="name">宝生和鸣有限公司帝唐饮产品</h3>
                      <p class="time">2016-10-05</p>
                      <p class="desc">本产品是我公司最新研发产品，是由国内外天然植物萃取，天然植物提取，及药食同源植物提取本产品是我公司最新研发产品，是由国内外天然植物萃取，天然植物提取，及药食同源植物提取</p>
                    </div>
                  </a>
                </div>
                <div class="item clear">
                  <a href="news2.html">
                    <img src="./images/4-1.jpg" alt="">
                    <div class="info">
                      <h3 class="name">宝生和鸣有限公司帝唐饮产品</h3>
                      <p class="time">2016-10-05</p>
                      <p class="desc">本产品是我公司最新研发产品，是由国内外天然植物萃取，天然植物提取，及药食同源植物提取本产品是我公司最新研发产品，是由国内外天然植物萃取，天然植物提取，及药食同源植物提取</p>
                    </div>
                  </a>
                </div>
                <div class="item clear">
                  <a href="news2.html">
                    <img src="./images/home-n3.jpg" alt="">
                    <div class="info">
                      <h3 class="name">宝生和鸣有限公司帝唐饮产品</h3>
                      <p class="time">2016-10-05</p>
                      <p class="desc">本产品是我公司最新研发产品，是由国内外天然植物萃取，天然植物提取，及药食同源植物提取本产品是我公司最新研发产品，是由国内外天然植物萃取，天然植物提取，及药食同源植物提取</p>
                    </div>
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>

        <!-- culture -->
        <div class="home-culture">
          <div class="title">
            <h2>
              <i>企业</i>文化</h2>
            <p class="english">CORPORATE CULTURE</p>
          </div>
          <div class="culture-wrapper">
            <div class="culture-con clear">
              <div class="item">
                <img src="./images/home-c1.png" alt="">
                <p class="name">合作理念</p>
                <p class="text">道同，心通</p>
                <p class="text">情融，力聚</p>
              </div>
              <div class="item">
                <img src="./images/home-c2.png" alt="">
                <p class="name">发展理念</p>
                <p class="text">客户为先，科技为本</p>
                <p class="text">诚信务实，和谐共赢</p>
              </div>
              <div class="item">
                <img src="./images/home-c3.png" alt="">
                <p class="name">企业愿景</p>
                <p class="text">用生物科技开发天然</p>
                <p class="text">生物资源，用养生文化</p>
                <p class="text">泽被人类健康生活。</p>
              </div>
              <div class="item">
                <img src="./images/home-c4.png" alt="">
                <p class="name">企业使命</p>
                <p class="text">取天然生物之精华，</p>
                <p class="text">聚生物科技之伟力，</p>
                <p class="text">筑亿万大众之安康。</p>
              </div>
              <div class="item">
                <img src="./images/home-c5.png" alt="">
                <p class="name">企业口号</p>
                <p class="text">融汇中西养生精髓之宝，</p>
                <p class="text">守护人类健康长顺和鸣。</p>
              </div>
            </div>
          </div>
        </div>

        <!-- info -->
        <div class="home-info">
          <div class="layui-container">
            <div class="layui-row">
              <div class="layui-col-xs12 layui-col-md4">
                <div class="item">
                  <div class="num-wrapper">
                    <span> 01.</span>
                  </div>
                  <div class="con">
                    <p class="name">万物有灵 和光同尘</p>
                    <p class="text">自然赋生命以生机，对生命健康的探索，理应回溯自然。</p>
                    <p class="text">秉执万物生而有灵的自然之道， 挫其锐， 解其纷， 和其光，同其尘。</p>
                    <p class="text">宝生和鸣，从生命本来的源泉中，重塑蓬勃的生机与活力。</p>
                  </div>
                </div>
              </div>
              <div class="layui-col-xs12 layui-col-md4">
                <div class="item">
                  <div class="num-wrapper">
                    <span> 02.</span>
                  </div>
                  <div class="con">
                    <p class="name">始于中华 长鸣世界</p>
                    <p class="text">前承源远流长的中华养生之道，后继泽被世人的西方生物科学。</p>
                    <p class="text">从古老的东方文明走来，向世界的健康文明迈进。</p>
                    <p class="text">宝生和鸣，融汇中西养生精髓之宝，守护人类健康长顺和鸣。</p>
                  </div>
                </div>
              </div>
              <div class="layui-col-xs12 layui-col-md4">
                <div class="item">
                  <div class="num-wrapper">
                    <span> 03.</span>
                  </div>
                  <div class="con">
                    <p class="name">砥砺前行 达济天下</p>
                    <p class="text">起心探索生命健康，发愿守护人类福祉。</p>
                    <p class="text">激情常在宛如赤子之心，笃定信念坚似万钧磐石。</p>
                    <p class="text">宝生和鸣，成长之路砥砺前行，耀世功勋达济天下。</p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="footer clear">
    <div class="ft-content">
      <div class="ft-logo">
        <img src="images/logo.png" alt="">
      </div>
      <div class="ft-site">
        <h3>深圳市宝生和鸣生物科技有限公司</h3>
        <p>联系电话：4000031909</p>
        <p>公司地址：深圳市宝安区新安海天路卓越时代广场A座1905-1906</p>
      </div>
      <div class="ft-share clear">
        <div class="wx">
          <img class="s" src="images/wx.jpg" alt="">
          <a href="javascript:;">
            <img src="images/ft-1.png" alt="">
            <p>微信公众号</p>
          </a>
        </div>
        <div>
          <a href="mailto:1065999585@qq.com">
            <img src="images/ft-2.png" alt="">
            <p>邮箱</p>
          </a>
        </div>
        <div>
          <a href="http://wpa.qq.com/msgrd?v=3&uin=673908452&site=qq&menu=yes" target="_blank">
            <img src="images/ft-3.png" alt="">
            <p>QQ客服</p>
          </a>
        </div>
      </div>
    </div>
  </div>
  <script src="js/jquery-1.8.3.min.js"></script>
  <script src="layui/layui.js"></script>
  <script src="js/swiper.min.js"></script>
  <script src="js/fastclick.js"></script>
  <script src="js/common.js"></script>
  <script>        
    $(function () {
      var mySwiper = new Swiper('.swiper-container', {
        loop: true,
        // 如果需要分页器
        pagination: {
          el: '.swiper-pagination',
          clickable: true
        },
        navigation: {
          nextEl: '.swiper-button-next',
          prevEl: '.swiper-button-prev',
        },
      })
      layui.use(['layer'], function () {
        var layer = layui.layer;
      })
    })        
  </script>
</body>

</html>